import { RouterModule } from '@angular/router';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule, ModuleWithProviders } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { AppComponent } from './app.component';
import { TabMenuModule } from 'primeng/primeng';
import { TabViewModule } from 'primeng/primeng';
import { ImageCarouselComponent } from './image-carousel/image-carousel.component';
import { SingerListComponent } from './singer/singer-list/singer-list.component';
import { DropDownComponent } from './drop-down/drop-down.component';
import { DropdownModule } from 'primeng/primeng';
import { FormsModule } from '@angular/forms';
import { ButtonGroupComponent } from './button-group/button-group.component';
import { LeftkeyListenerDirective } from './shared/directive/leftkey-listener.directive';
import { TimeSelectDirective } from './shared/directive/time-select.directive';
import { TimeBusService } from './shared/service/time-bus.service'
import { TimeComponent } from './time/time.component';
import { MousedownListenerDirective } from './shared/directive/mousedown-listener.directive';
import { MouseoverListenerDirective } from './mouseover-listener.directive';
import { TimeZoneComponent } from './time-zone/time-zone.component';


@NgModule({
  declarations: [
    AppComponent,
    ImageCarouselComponent,
    SingerListComponent,
    DropDownComponent,
    ButtonGroupComponent,
    LeftkeyListenerDirective,
    TimeSelectDirective,
    TimeComponent,
    MousedownListenerDirective,
    MouseoverListenerDirective,
    TimeZoneComponent
  ],
  imports: [
    BrowserModule,
    TabMenuModule,
    RouterModule,
    TabViewModule,
    RouterModule.forRoot([]),
    BrowserAnimationsModule,
    DropdownModule,
    FormsModule
  ],
  providers: [TimeBusService],
  bootstrap: [AppComponent],
  entryComponents: []
})
export class AppModule { }
